<template>
  <div class="error-view">
    <div class="error-view-content">
      <div class="error-view-content-title">
        <div class="error-view-content-title-text">
          <div class="error-view-content-title-text-title">
            {{title}}
          </div>
          <div class="error-view-content-title-text-subtitle">
            {{subtitle}}
          </div>
        </div>
        <div class="error-view-content-title-image"></div>
      </div>
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '404'
  },
  subtitle: {
    type: String,
    default: 'Page not found'
  }
})
</script>
